<? if ($c = stack('name')) {

	$d = component_data($c);

	?><section id="cpn-<?=$c?>" class="cpn-claim"><?

		if (!gccLoggedIn()) {

			?><h1>&nbsp;</h1><div class="simpletext"><div class="text_block">
Створювати звернення можуть тільки зареєстровані користувачі.<br>
Вам необхідно авторизуватися. Якщо Ви ще не зареєстровані на нашому сайті, то пройдіть процедуру <a href="/register" title="Реєстрація на сайті">реєстрації</a>.
</div></div><?

		} else {
		
			startScript('jquery, jquery.jstree, jquery.autocomplete, jquery.koatuudo, jquery.sbx, jquery.validationEngine, jquery.validationEngine-'.context('lang').', other-validations-'.context('lang').'');

			?><script type="text/javascript">

			var o = $("<div/>", {"class":"box modal overlay"}).appendTo($("body")).overlay({
				mask: { color: "#000", loadSpeed: 100, opacity: 0.5, zIndex: 99998 },
				top: "center",
				closeOnClick: false,
				closeOnEsc: false
			}).on("click", ".close", function(){ o.overlay().close(); });
			
			var msg = { 
				plsWait: '<div class="message"><?=htc('Please wait')?></div><img class="loader" src="/img/ajax_loader_light.gif">'
				, saved:'<div class="caption"><?=htc('Saved-caption')?></div><div class="message"><?=htc('Saved-text')?></div>' + 
					'<div class="footer"><input type="button" class="ok close" value="<?=htc('Saved-ok')?>"></div>'
				, confirm: '<?=htc('Are you sure?')?>'
			};

			$("#cpn-<?=$c?> form").validationEngine({
				ajaxFormValidation: true,
				onBeforeAjaxFormValidation: function(form, options){
					if (($('#submit_type').val() != 'save'))
						if (!confirm(msg.confirm)) return false;
					o.html(msg.plsWait).overlay().load();
				},
				onAjaxFormComplete: function ajaxValidationCallback(status, form, json, options){
					var id, t;
					if (status === true) {
						
						if (($('#submit_type').val() == 'save') && (id = json && json.length && (t = json.pop()).length && t.pop())) {
	
							o.html(msg.saved).overlay().onClose = function() {	location.href = "/<?=$CONTEXT['lang_prefix']?>claim/edit-" + id + "/"; }
							
						} else {
							location.href = "/<?=$CONTEXT['lang_prefix']?>claim/sent/";
						}
						
					} else {	// some error
						o.overlay().close();
					}
				}
			});

			$('#cpn-<?=$c?> input[type=submit]').on('click focusin', (function(e) {
				$('#submit_type').val($(e.target).attr('name'));
			}));

			$('#koatuu').koatuudo({init: false});
			$('#question_id').koatuudo({
				  api: 'get-problem'
				, init: false
				, onselect: function(title, id, $el) {
					$.getJSON('/api/get-template/from-' + id + '/', function(json) {
						$('#templates_button').data({title: title}).attr({'data-id': id, disabled: !+json.num})
					});
				}
			});

			$('#templates_button').click(function() {
				var $btn = $(this);

				var $div = $('<div>').addClass('templates_list').attr('id', 'templates_list').html('<h1>' + $btn.data('title') + '</h1>');

				$.getJSON('/claim/templates-list/document-' + $btn.attr('data-id') + '/', function(json) {
					for(var i in json) {
						var table = "<table width='100%'>";
						table += "<tr><td class='name'>"
									+ json[i].name
									+ "</td></tr><tr><td>"
									+ json[i].doc_template
									+ "</td></tr><tr><td class='foot'><span class='choose' data-id='" + i + "'>"
									+ "<?=tc('Обрати')?>"
									+ "</span></td></tr>";
						$div.append(table+'</table><br>');
					}

					$div.append('<br><div class="div-right"><input type="button" class="cancel_template" value="<?=tc('Відмінити')?>"></div>');

					$('#cpn-<?=$c?>').prepend($div);
					$div.find('.choose').click(function(e) {
						$('#claim').val( json[$(this).attr("data-id")].doc_template );
						$div.remove();
					});
				});

			});

			$(document).on('click', function(e) {
				if (
					(!$(e.target).parents('.templates_list').length && !$(e.target).hasClass('templates_list'))
					|| $(e.target).hasClass('cancel_template')
				) $('.templates_list').remove();
			});


			</script><? endScript();
		
			?>

			<h1><?=tc('Claim')?></h1>
			<p class='nb'><?=tc("Символом <span class='required'>*</span> відмічені поля, обов'язкові для заповнення.")?></p>
			<form action="./" method="post">
			
				<fieldset>
					<div class="inner">
						<label class="col0"><?=tc('Заявник:')?>
							<span><strong><?=gccUserInfo(gccUserInfo('persontype_id') == 'F' ? 'fullname' : 'name')?></strong></span></label>

						<label class="col" for="question_id"><?=tc('Питання:')?></label>
						<input name="question_id" id="question_id" type="text">


						<label class="col" for="region_id"><?=tc('Регіон, якого стосується питання:')?><span class='required'>*</span></label>
						<input name="region_id" id="koatuu" type="text" class="validate[required]">

					<hr class="separated">

					<div class="col radios">
						<label class="col"><?=tc('Ви бажаєте надіслати звернення до:')?></label>
						<label class="col">
							<input type="radio" name="target" value="0">
							<span><?=tc('Центральних органів виконавчої влади через Урядовий контактний центр')?></span>
						</label>
						<label class="col">
							<input type="radio" name="target" value="1" checked>
							<span><?=tc('Ради Міністрів  АР Крим, обласних, Київської або Севастопольської міської держадміністрацій через місцевий контактний центр')?></span>
						</label>
					</div>
					
					<hr>

<? /*
					<div class="col">
						<label class="col" for="department_id"><?=tc('Куди надіслати:')?></label>
							<select name="department_id" id="ovv_id"><?
								foreach($d['department'] as $id => $v) {
									?><option value="<?=$id?>"><?=$v?></option><?
								}
							?></select>
					</div>
*/ ?>

					<div class="col larger">
						<label class="col"><?=tc('Claim data')?><span class="required">*</span></label>
						<input type="button" id="templates_button" value="<?=tc('Шаблон')?>" class="button" disabled="disabled" data-id="0">
					</div>

					</div>
					<label class="col0">
							<textarea name="issue" id="claim" class="validate[required]" cols="30" rows="10"></textarea></label>

				</fieldset>
			
				<input type="submit" name="send" value="<?=tc('Відправити')?>">
				<div class="div-right">
					<input type="submit" name="save" value="<?=tc('Зберегти')?>">
					<input type="button" name="back" value="<?=tc('Відмінити')?>" onclick="location.href = '/<?=$CONTEXT['lang_prefix']?>claim/show-draft/'">
				</div>

				<input type="hidden" id='submit_type' name="submit_type" value='save'>
				
			</form><?
		}
		?><div class="clearer"></div>
		</section><?

	unstack();
}
